<template>
	<div class="album_3D_1">
		
		<canvas id="canvas">你的浏览器不支持HTML5画布技术，请使用谷歌浏览器。</canvas>
	</div>
</template>

<!-- <script type="text/javascript" src="./js/ge1doot.js"></script>
<script type="text/javascript" src="./js/3d_1.js"></script> -->

<script>
	import {image3d1} from "./js/3d_1.js"
	import data_3d from "./js/data_3d_1.js"
	
	export default {
		  name: '3D_1',
		  props: {
		    
		  },
		  data() {
		    return {
		      
		    }
		  },
			mounted() {
				image3d1().load(data_3d);
			}
		}
</script>

<style type="scss">
	html {
		overflow:hidden; 
		-ms-touch-action:none;
		-ms-content-zooming:none;
	}
	.album_3D_1 {
		position:absolute;
		margin:0px;
		padding:0px;
		background:#fff;
		width:100%;
		height:100%;
	}
	#canvas {
		position:absolute;
		left: 0;
		width:100%;
		height:100%;
		background:#fff;
	}
</style>
